<!DOCTYPE>
<html xmlns="">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>产品详情</title>

		<link rel="stylesheet" type="text/css" href="../../css/css.css" />
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
		<script type="text/javascript" src="../../js/jquery.min.js"></script>
		<script src='../../js/hhSwipe.js' type="text/javascript"></script>
		<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="main">
			<header class="header">
				<div class="leftArrow">
					<a href="产品列表.html">
						<i class="icon iconfont icon-jiantouzuo"></i>
					</a>
				</div>
				<div class="title">
					拼团详情
				</div>
				<div class="backHome">
					<a href="首页.html">
						<i class="icon iconfont icon-shouye"></i>
					</a>
				</div>
			</header>
			<div class="addWrap">
				<div class="swipe" id="mySwipe">
					<div class="swipe-wrap">
						<div>
							<a href="javascript:;"><img class="img-responsive" src="../../img/details1.png" /></a>
						</div>
						<div>
							<a href="javascript:;"><img class="img-responsive" src="../../img/details2.png" /></a>
						</div>
						<div>
							<a href="javascript:;"><img class="img-responsive" src="../../img/details3.png" /></a>
						</div>
					</div>
				</div>

				<ul id="position">
					<li class="cur"></li>
					<li></li>
					<li></li>
				</ul>
			</div>
			<div class="detailPrice border-bottom whitebg">
         
					【湿地之旅】888元起/套良渚君澜度假酒店+西溪湿地+良渚博物馆+早
				<br />
            <small>补充</small>
             <p class="m-t-10 greyFont">关注度：<span>11111</span>  <i class="icon iconfont icon-xin redFont"></i></p>
              <a class="btn bg-yellow" href="">正在拼团中,点击加入公开团</a>
            
        </div>
			<div class="detailPrice border-bottom">
				
				
				<p class="font12 redFont">支付开团并邀请好友参团，人数不足自动退款，详见下方拼团玩法</p>
				<div class="goods-buy">
					<a href="开团须知.html">
						<p class="bg-red">666<small>/元</small></p>
						<p><small>3人团</small></p>
					</a>
					<a href="#">
						<p class="bg-yellow">888<small>/元</small></p>
						<p><small>单独购买</small></p>
					</a>
					<div class="clearfix"></div>
				</div>
				 <a class="btn bg-red" href="">返回拼团列表</a>
			</div>

			<div class="checkData">
				<a class="title" href="选择团期.html">
					<i class="icon iconfont icon-rili greenFont"></i> 选择出游日期
					<i class="icon iconfont icon-jiantouyou greyFont"></i>
				</a>
			</div>
			<div class="play-introduce">
				<h3><span>玩法介绍</span><span class="floatRight">查看详情 <i class="icon iconfont icon-jiantouyou greyFont"></i></span></h3>
				<div class="play-details">
					<ul>
						<li class="active">
							<div class="round">1</div>
							<div class="right">
								<p>选择</p>
								<p>心仪商品</p>
							</div>
						</li>
						<li>
							<div class="round">2</div>
							<div class="right">
								<p>支付开团</p>
								<p>或参团</p>
							</div>
						</li>
						<li>
							<div class="round">3</div>
							<div class="right">
								<p>等待好友</p>
								<p>参团支付</p>
							</div>
						</li>
						<li>
							<div class="round">4</div>
							<div class="right">
								<p>达到人数</p>
								<p>团购成功</p>
							</div>
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
		<div class="footButton">
			<ul>
				<li>
					<a class="footIcon phone"><i class="icon iconfont icon-dianhua"></i></a>
				</li>
				<!--<li>
					<a class="footIcon collection"><i class="icon iconfont icon-shoucang"></i></a>
				</li>-->
				<li class="right"><a class="btn orangebg" href="开团须知.html"><i class="icon iconfont icon-bianji marginRight"></i>立即开团</a></li>
			</ul>
		</div>

		<script type="text/javascript">
			var bullets = document.getElementById('position').getElementsByTagName('li');
			var banner = Swipe(document.getElementById('mySwipe'), {
				auto: 4000,
				continuous: true,
				disableScroll: false,
				callback: function(pos) {
					var i = bullets.length;
					while (i--) {
						bullets[i].className = ' ';
					}
					bullets[pos].className = 'cur';
				}
			})
		</script>
	</body>

</html>